<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link type="text/css" rel="stylesheet" href="css/css.css" />
<title>你的名字</title>
</head>

<body>
<div class="wrapin"> 
  <!--顶部-->
  <header class="clearfix"> <a href="index.html" class="logo">你的名字</a>
    <ul class="nav">
      <li><a href="index.html">首页</a></li>
      <li><a href="renwu.html">人物介绍</a></li>
      <li><a href="tupian.html">图片鉴赏</a></li>
    </ul>
  </header>
  <div class="banner"> <img src="images/23.webp"/> </div>
  <div class="in_com">
    <div class="title">
      <h2>图片鉴赏</h2>
    </div>
    <ul class="pic_con clearfix">
      <li>
        <div class="box"> <img src="images/01.jpg"/> </div>
      </li>
      <li>
        <div class="box"> <img src="images/02.jpg"/> </div>
      </li>
      <li>
        <div class="box"> <img src="images/03.webp"/> </div>
      </li>
      <li>
        <div class="box"> <img src="images/09.webp"/> </div>
      </li>
      <li>
        <div class="box"> <img src="images/19.webp"/> </div>
      </li>
      <li>
        <div class="box"> <img src="images/14.webp"/> </div>
      </li>
      <li>
        <div class="box"> <img src="images/18.webp"/> </div>
      </li>
      <li>
        <div class="box"> <img src="images/8.webp"/> </div>
      </li>
      <li>
        <div class="box"> <img src="images/17.webp"/> </div>
      </li>
    </ul>
  </div>
  <footer>
    <P>你的名字</P>
  </footer>
</div>
</body>
</html>